﻿<UserControl x:Class="SLPivotViewer.pivotLoading"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.Triggers>
            <EventTrigger>
                <BeginStoryboard>
                    <Storyboard RepeatBehavior="Forever">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Square1"  Storyboard.TargetProperty="Opacity" BeginTime="0:0:0" FillBehavior="Stop">
                            <LinearDoubleKeyFrame KeyTime="0:0:0" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:0.9" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:1" Value="1.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:7" Value="1.0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Square2"  Storyboard.TargetProperty="Opacity" BeginTime="0:0:0" FillBehavior="Stop">
                            <LinearDoubleKeyFrame KeyTime="0:0:0" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:1.9" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:2" Value="1.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:7" Value="1.0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Square3"  Storyboard.TargetProperty="Opacity" BeginTime="0:0:0" FillBehavior="Stop">
                            <LinearDoubleKeyFrame KeyTime="0:0:0" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:2.9" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:3" Value="1.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:7" Value="1.0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Square4"  Storyboard.TargetProperty="Opacity" BeginTime="0:0:0" FillBehavior="Stop">
                            <LinearDoubleKeyFrame KeyTime="0:0:0" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:3.9" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:4" Value="1.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:7" Value="1.0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Square5"  Storyboard.TargetProperty="Opacity" BeginTime="0:0:0" FillBehavior="Stop">
                            <LinearDoubleKeyFrame KeyTime="0:0:0" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:4.9" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:5" Value="1.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:7" Value="1.0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Square6"  Storyboard.TargetProperty="Opacity" BeginTime="0:0:0" FillBehavior="Stop">
                            <LinearDoubleKeyFrame KeyTime="0:0:0" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:5.9" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:6" Value="1.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:7" Value="1.0"/>
                        </DoubleAnimationUsingKeyFrames>
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="textLoading"  Storyboard.TargetProperty="Opacity" BeginTime="0:0:0" FillBehavior="Stop">
                            <LinearDoubleKeyFrame KeyTime="0:0:0" Value="0.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:4" Value="1.0"/>
                            <LinearDoubleKeyFrame KeyTime="0:0:7" Value="0.0"/>
                        </DoubleAnimationUsingKeyFrames>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Grid.Triggers>
        <Canvas x:Name="pivotLoadingCanvas" HorizontalAlignment="Center" Height="250" UseLayoutRounding="False" VerticalAlignment="Center" Width="208">
            <Canvas x:Name="Calque_1" Height="180.553" Canvas.Left="6" Canvas.Top="9.28" Width="196.31">
                <Path  x:Name="Square5" Data="F1M99.0801,15.9224C84.9351,23.7924,70.9281,32.6544,57.4341,42.5434C48.3241,38.3794,39.7331,34.2814,31.5371,30.0774C43.3501,20.8484,55.6311,12.2364,68.1931,4.27940000000001C77.8731,8.20840000000001,88.1581,11.9644,99.0801,15.9224" Fill="#FF999999" Height="38.264" Canvas.Left="24.742" Stretch="Fill" Canvas.Top="0" Width="67.543"/>
                <Path  x:Name="Square6" Data="F1M87.5693,66.2163C71.2653,77.4683,56.0983,89.9913,42.3523,103.1033C33.2693,95.9333,24.9983,89.4083,17.3233,83.3913C28.9473,71.9413,41.5703,60.8303,55.1483,50.4963C64.9353,55.2633,75.6973,60.3953,87.5693,66.2163" Fill="#FF666666" Height="52.607" Canvas.Left="10.528" Stretch="Fill" Canvas.Top="46.217" Width="70.246"/>
                <Path  x:Name="Square3" Data="F1M104.747,63.607C119.484,70.527,135.888,78.581,153.641,88.57L153.641,88.57C171.539,78.41,188.153,70.251,203.105,63.248L203.105,63.248C186.415,52.874,169.797,44.373,153.944,37.248L153.944,37.248C138.018,44.476,121.375,53.102,104.747,63.607" Height="51.322" Canvas.Left="97.952" Stretch="Fill" Canvas.Top="32.969" Width="98.358">
                    <Path.Fill>
                        <LinearGradientBrush EndPoint="0.736,0.849" StartPoint="0.176,0.044">
                            <GradientStop Color="#FFF2951C" Offset="0"/>
                            <GradientStop Color="#FFE53921" Offset="1"/>
                        </LinearGradientBrush>
                    </Path.Fill>
                </Path>
                <Path x:Name="Square1" Data="F1M6.795,151.821C15.178,161.873,24.51,172.949,35.354,184.832L35.354,184.832C46.815,172.414,59.934,158.76,75.428,144.607L75.428,144.607C62.178,133.396,50.594,123.424,40.325,114.589L40.325,114.589C27.572,127.26,16.564,139.87,6.795,151.821" Height="70.243" Canvas.Left="0" Stretch="Fill" Canvas.Top="110.31" Width="68.633">
                    <Path.Fill>
                        <LinearGradientBrush EndPoint="1.27,1.099" StartPoint="0.467,0.511">
                            <GradientStop Color="#FFF2951C" Offset="0"/>
                            <GradientStop Color="#FFE53921" Offset="1"/>
                        </LinearGradientBrush>
                    </Path.Fill>
                </Path>
                <Path  x:Name="Square4" Data="F1M146.0176,33.6006C130.2146,40.9306,113.8596,49.6296,97.6336,60.0686C85.1796,54.3346,73.8696,49.3246,63.5836,44.7076C77.4926,34.7216,91.8926,25.8656,106.3636,18.0866C118.6176,22.5816,131.8766,27.5506,146.0176,33.6006" Fill="#FF666666" Height="41.982" Canvas.Left="56.789" Stretch="Fill" Canvas.Top="13.807" Width="82.434"/>
                <Path  x:Name="Square2" Data="F1M48.676,107.065C59.547,115.576,71.841,125.2,85.849,136.107L85.849,136.107C103.781,120.611,123.498,106.486,143.538,94.475L143.538,94.475C126.004,84.57,110.035,76.468,95.797,69.436L95.797,69.436C78.848,80.817,63.01,93.594,48.676,107.065" Height="66.671" Canvas.Left="41.881" Stretch="Fill" Canvas.Top="65.157" Width="94.862">
                    <Path.Fill>
                        <LinearGradientBrush EndPoint="0.943,0.951" StartPoint="0.362,0.332">
                            <GradientStop Color="#FFF2951C" Offset="0"/>
                            <GradientStop Color="#FFE53921" Offset="1"/>
                        </LinearGradientBrush>
                    </Path.Fill>
                </Path>
            </Canvas>
            <TextBlock x:Name="textLoading" FontSize="22" FontFamily="Segoe UI" Text="Pivot Viewer For SharePoint Loading" Height="29" Canvas.Left="-70" Canvas.Top="196">
            <TextBlock.Foreground>
                <LinearGradientBrush EndPoint="0.943,0.951" StartPoint="0.362,0.332">
                    <GradientStop Color="#FFF2951C" Offset="0" />
                    <GradientStop Color="#FFE53921" Offset="0.5" />
                    <GradientStop Color="#FF666666" Offset="0.66" />
                    <GradientStop Color="#FF999999" Offset="1" />
                </LinearGradientBrush>
            </TextBlock.Foreground></TextBlock>
        </Canvas>
    </Grid>
</UserControl>
